html {
  min-height: 100vh;
  background: #f0f0fa;
}

ul {
  background: transparent;
}

li {
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .6rem .5rem;
  position: relative;

  &:active {
    transition: all .2s;
    will-change: background;
    background: #f4f4f4;
  }

  &.border::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform-origin: 0 0;
    transform: scaleY(.5);
  }
  span {
    svg {
      &.icon {
        font-size: 1rem;
      }
    }
  }

  svg {
    color: #929292;

    &.icon {
      font-size: 12px;
    }
  }
}

.first-ul {
  padding-top: .5rem;
}

.about-we {
  margin-top: 1rem;
}

#logOut {
  display: block;
  text-align: center;
  margin-top: 1rem;
  padding: .6rem 0;
  background: white;
  color: red;
}